<%layout("/WEB-INF/view/console/skins/skin_2/layout_nonav.html", {table_title:"商城系统"}) {
 %>
<script type="text/javascript" src="${ctxPath}/plugin/echarts/echarts.min.js"></script>
<div class="row" style="margin-top: 60px;">
 <div id="main" style="width: 800px;height:400px;"></div>
</div>
<div class="row" >
 <div id="xiaoliang" style="width: 800px;height:400px;"></div>
</div>
<script type="text/javascript">
 $(function () {
     /**
      * 加载使用统计
      */
     $.post("/console/report/activate/json",function (data) {
         // 基于准备好的dom，初始化echarts实例
         var myChart = echarts.init(document.getElementById('main'));
         // 指定图表的配置项和数据
         var option = {
             title: {
                 text: '激活卡使用统计'
             },
             tooltip: {},
             legend: {
                 data:data.data.goodsList
             },
             xAxis: {
                 data: data.data.goodsList
             },
             yAxis: {},
             series: [{
                 name: '激活卡使用数',
                 type: 'bar',
                 data: data.data.cardNumber
             },{
                 name: '用户数',
                 type: 'bar',
                 data: data.data.userNumber
             }]
         };

         // 使用刚指定的配置项和数据显示图表。
         myChart.setOption(option);
     });

     /**
      * 加载官方销量统计
      */

     $.post("/console/report/sales/json",function (data) {
         // 基于准备好的dom，初始化echarts实例
         var myChart = echarts.init(document.getElementById('xiaoliang'));
         // 指定图表的配置项和数据
         var option = {
             tooltip : {
                 trigger: 'axis'
             },
             legend: {
                 data:data.data.goodsList
             },
             toolbox: {
                 show : true,
                 feature : {
                     mark : {show: true},
                     dataView : {show: true, readOnly: false},
                     magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                     restore : {show: true},
                     saveAsImage : {show: true}
                 }
             },
             calculable : true,
             xAxis : [
                 {
                     type : 'category',
                     boundaryGap : false,
                     data : data.data.months
                 }
             ],
             yAxis : [
                 {
                     type : 'value'
                 }
             ],
             series : data.series
         };


         // 使用刚指定的配置项和数据显示图表。
         myChart.setOption(option);
     });
 })


</script>
 <%} %>
 